<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../css/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/layout.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery.default.js"></script>
<script type="text/javascript" src="../../js/jquery.validate.js"></script>
<!--[if ie]><link href="../../css/ie.css" type="text/css" rel="stylesheet"><![endif]-->
<script type="text/javascript">
	$(function(){
		
		$.validator.addMethod("stringCheck", function(value, element) {          
			return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);       	
		}, "只能包括中文字、英文字母、数字和下划线");  
	
		$("#talk").validate({
			rules:{
				title:{
					required:true
				},
				info:{
					required:true
				}
				
			},
			messages:{
				title:{
					required:"话题标题不能为空！"
				},
				info:{
					required:"话题内容不能为空！"
				}
			},
			errorPlacement:function(error,element){
				error.appendTo(element.siblings("div.validate_v"));
			}
		});
		
		
	})
</script>
</head>

<body>
	<!-- head -->
    <div class="w100p">
        <div class="head_down_wrap">
        	<div class="w903 mg clearfix">
            	<div class="logo fl"><a href="#"><img src="../../images/common/logo.png" class="block" /></a></div>
            	<ul class="main_menu">
                	<li>
                    	<a href="#">首页</a>
                    </li>
                    <li>
                    	<a href="#">小店</a>
                    </li>
                    <li>
                    	<a href="#">大街小巷</a>
                    </li>
                </ul>
                <div class="search_box">
                	<input type="text" class="txt" />
                    <input type="button" class="btn" />
                </div>
            </div>    	
        </div>
    </div>
    <!-- head--end-->
    
    
    <!-- body -->
    <div class="w100p mb20 mt40">
    	<div class="w903 mg clearfix">
        	<div class="layout_left">
            	<!-- road -->
            	<div class="box_s5 mb15">
                	<div class="b_head"></div>
                    <div class="content">
                    	<div class="lb_box">
                        	<ul class="lunbo">
                            	<li class="current">
                                	<a href="#"><img src="../../images/others/pro_571x330.png" class="block" /></a>
                                </li>
                                <li style="display:none;">
                                	<a href="#"><img src="../../images/others/pro_571x330.png" class="block" /></a>
                                </li>
                                <li style="display:none;">
                                	<a href="#"><img src="../../images/others/pro_571x330.png" class="block" /></a>
                                </li>
                                <li style="display:none;">
                                	<a href="#"><img src="../../images/others/pro_571x330.png" class="block" /></a>
                                </li>
                            </ul>
                            <ul class="lb_nums">
                            	<li class="current"><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="b_foot"></div>
                </div>
                <!-- road--end -->
                                
                <!-- installation -->
                <div class="box_s5 mb15">
                	<div class="b_head"></div>
                    <div class="content">
                    	<div class="com_box">
							<h1>泰兴路上有</h1>
                            <ul class="install">
                            	<li><a href="#" class="block"><i class="icon_mark_s1"></i></a></li>
                                <li><a href="#" class="block"><i class="icon_mark_s2"></i></a></li>
                                <li><a href="#" class="block"><i class="icon_mark_s3"></i></a></li>
                                <li><a href="#" class="block"><i class="icon_mark_s4"></i></a></li>
                            </ul>
                        </div>
                        <div class="com_box mt35 mb25">
							<h1 class="espe"><a href="#" class="more fr mr10">more</a>泰兴路上的小店<br class="clear" /></h1>
                            <ul class=" road_store">
                            	<li>
                                	<a href="#" class="block"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                    <p class="store_name">富士山章鱼小丸子</p>
                                </li>
                                <li>
                                	<a href="#" class="block"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                    <p class="store_name">富士山章鱼小丸子</p>
                                </li>
                                <li>
                                	<a href="#" class="block"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                    <p class="store_name">富士山章鱼小丸子</p>
                                </li>
                                <li>
                                	<a href="#" class="block"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                    <p class="store_name">富士山章鱼小丸子</p>
                                </li>
                                <li class="last">
                                	<a href="#" class="block"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                    <p class="store_name">富士山章鱼小丸子</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="b_foot"></div>
                </div>
                <!-- installation--end-->
                
                <!-- installation -->
                <div class="box_s5 mb15">
                	<div class="b_head"></div>
                    <div class="content">
                    	<div class="com_box">
							<h1>孟子路上有</h1>
                            <ul class="install">
                            	<li><a href="#" class="block"><i class="icon_mark_s1"></i></a></li>
                                <li><a href="#" class="block"><i class="icon_mark_s2"></i></a></li>
                                <li><a href="#" class="block"><i class="icon_mark_s3"></i></a></li>
                                <li><a href="#" class="block"><i class="icon_mark_s4"></i></a></li>
                            </ul>
                        </div>
                        <div class="com_box mt35 mb25">
							<h1 class="espe"><a href="#" class="more fr mr10">more</a>孟子路上的小店<br class="clear" /></h1>
                            <ul class=" road_store">
                            	<li>
                                	<a href="#" class="block"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                    <p class="store_name">富士山章鱼小丸子</p>
                                </li>
                                <li>
                                	<a href="#" class="block"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                    <p class="store_name">富士山章鱼小丸子</p>
                                </li>
                                <li>
                                	<a href="#" class="block"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                    <p class="store_name">富士山章鱼小丸子</p>
                                </li>
                                <li>
                                	<a href="#" class="block"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                    <p class="store_name">富士山章鱼小丸子</p>
                                </li>
                                <li class="last">
                                	<a href="#" class="block"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                    <p class="store_name">富士山章鱼小丸子</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="b_foot"></div>
                </div>
                <!-- installation--end--> 
                
                <!-- hot_talk_subject -->
                <div class=" com_box_s1 mb20">
                	<h1><a href="#" class="more fr mr10">more</a>热门街道话题</h1>
                    <ul class="com_list lr_box talk_list">
                    	<li>
                            <div class="l_box"><i class="icon_arrow"></i></div>
                            <div class="r_box">
                                <p class="info">                                        	
                                    <a href="#">准确洞察移动应用的用户行为百度商业UED的同学设计出品准确洞察移动应用的用户行为百度商业UED的同学设计出品</a>
                                </p>
                                <div class="else_info mt10">
                                    <div class="data_nums">
                                        <span>回复 [<a href="#">0</a>]</span>
                                    </div>
                                    <div>来自：<a href="#" class="author">juziqi</a>&nbsp;对<a href="#" class="ml5 mr5">南京西路</a>的发言<span class="ml10">最后回应：2012-08-02</span>  </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="l_box"><i class="icon_arrow"></i></div>
                            <div class="r_box">
                                <p class="info">                                        	
                                    <a href="#">准确洞察移动应用的用户行为百度商业UED的同学设计出品准确洞察移动应用的用户行为百度商业UED的同学设计出品</a>
                                </p>
                                <div class="else_info mt10">
                                    <div class="data_nums">
                                        <span>回复 [<a href="#">0</a>]</span>
                                    </div>
                                    <div>来自：<a href="#" class="author">juziqi</a>&nbsp;对<a href="#" class="ml5 mr5">南京西路</a>的发言<span class="ml10">最后回应：2012-08-02</span>  </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="l_box"><i class="icon_arrow"></i></div>
                            <div class="r_box">
                                <p class="info">                                        	
                                    <a href="#">准确洞察移动应用的用户行为百度商业UED的同学设计出品准确洞察移动应用的用户行为百度商业UED的同学设计出品</a>
                                </p>
                                <div class="else_info mt10">
                                    <div class="data_nums">
                                        <span>回复 [<a href="#">0</a>]</span>
                                    </div>
                                    <div>来自：<a href="#" class="author">juziqi</a>&nbsp;对<a href="#" class="ml5 mr5">南京西路</a>的发言<span class="ml10">最后回应：2012-08-02</span>  </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="l_box"><i class="icon_arrow"></i></div>
                            <div class="r_box">
                                <p class="info">                                        	
                                    <a href="#">准确洞察移动应用的用户行为百度商业UED的同学设计出品准确洞察移动应用的用户行为百度商业UED的同学设计出品</a>
                                </p>
                                <div class="else_info mt10">
                                    <div class="data_nums">
                                        <span>回复 [<a href="#">0</a>]</span>
                                    </div>
                                    <div>来自：<a href="#" class="author">juziqi</a>&nbsp;对<a href="#" class="ml5 mr5">南京西路</a>的发言<span class="ml10">最后回应：2012-08-02</span>  </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="l_box"><i class="icon_arrow"></i></div>
                            <div class="r_box">
                                <p class="info">                                        	
                                    <a href="#">准确洞察移动应用的用户行为百度商业UED的同学设计出品准确洞察移动应用的用户行为百度商业UED的同学设计出品</a>
                                </p>
                                <div class="else_info mt10">
                                    <div class="data_nums">
                                        <span>回复 [<a href="#">0</a>]</span>
                                    </div>
                                    <div>来自：<a href="#" class="author">juziqi</a>&nbsp;对<a href="#" class="ml5 mr5">南京西路</a>的发言<span class="ml10">最后回应：2012-08-02</span>  </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="l_box"><i class="icon_arrow"></i></div>
                            <div class="r_box">
                                <p class="info">                                        	
                                    <a href="#">准确洞察移动应用的用户行为百度商业UED的同学设计出品准确洞察移动应用的用户行为百度商业UED的同学设计出品</a>
                                </p>
                                <div class="else_info mt10">
                                    <div class="data_nums">
                                        <span>回复 [<a href="#">0</a>]</span>
                                    </div>
                                    <div>来自：<a href="#" class="author">juziqi</a>&nbsp;对<a href="#" class="ml5 mr5">南京西路</a>的发言<span class="ml10">最后回应：2012-08-02</span>  </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- hot_talk_subject--end-->
                
                
            </div>
            
            <div class="layout_right">
            	
                <!-- pop_street -->
            	<div class="box_s6 mb15">
                	<div class="b_head"></div>
                    <div class="content">
                    	<div class="com_box_s2">
                        	<h1>本周明星街道</h1>
                            <ul class="pop_street">
                            	<li>
                                	<div class="lr_box">
                                    	<div class="l_box">
                                        	<a href="#"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                        </div>
                                        <div class="r_box">
                                        	<a href="#" class="name">泰信路</a>
                                            <p class="area">上海&nbsp;<span class="clrblue">静安区</span></p>
                                            <p class="info">泰兴路是上海静安区非常中心得街上海静安区非常中心得街...</p>
                                            <p>共&nbsp;[16]&nbsp;人入住</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                	<div class="lr_box">
                                    	<div class="l_box">
                                        	<a href="#"><img src="../../images/others/pro_82x82.png" class="block" /></a>
                                        </div>
                                        <div class="r_box">
                                        	<a href="#" class="name">泰信路</a>
                                            <p class="area">上海&nbsp;<span class="clrblue">静安区</span></p>
                                            <p class="info">泰兴路是上海静安区非常中心得街上海静安区非常中心得街...</p>
                                            <p>共&nbsp;[16]&nbsp;人入住</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <a href="#" class="def_btn_s15 add_btn_street">添加街道</a>
                        </div>
                    </div>
                    <div class="b_foot"></div>
                </div>
                <!-- pop_street--end-->
                
                <!-- sorts_check -->
                <div class=" com_box_s1 mb20">
                	<h1><a href="#" class="more fr mr10">更多...</a>分类浏览</h1>
                    <div class="sorts_item">
                    	<h3 class="title">黄浦区</h3>
                        <div class="roads_box">
                        	<a href="#">西藏中路</a><a href="#">南京西路</a><a href="#">汉口路</a><a href="#">九江路</a><a href="#">中山东一路</a><a href="#">金陵东路</a><a href="#">云南南路</a><a href="#">广东路</a><a href="#">福州路</a><a href="#">more</a><br class="clear" />
                        </div>
                    </div>
                    <div class="sorts_item">
                    	<h3 class="title">黄浦区</h3>
                        <div class="roads_box">
                        	<a href="#">汉口路</a><a href="#">九江路</a><a href="#">中山东一路</a><a href="#">金陵东路</a><a href="#">云南南路云南南路云南南路</a><a href="#">广东路</a><a href="#">福州路</a><a href="#">more</a><br class="clear" />
                        </div>
                    </div>
                    <div class="sorts_item">
                    	<h3 class="title">黄浦区</h3>
                        <div class="roads_box">
                        	<a href="#">西藏中路</a><a href="#">南京西路</a><a href="#">汉口路</a><a href="#">九江路</a><a href="#">中山东一路</a><a href="#">金陵东路</a><a href="#">云南南路</a><a href="#">广东路</a><a href="#">福州路</a><a href="#">more</a><br class="clear" />
                        </div>
                    </div>
                    <div class="sorts_item">
                    	<h3 class="title">黄浦区</h3>
                        <div class="roads_box">
                        	<a href="#">西藏中路</a><a href="#">南京西路</a><a href="#">汉口路</a><a href="#">九江路</a><a href="#">中山东一路</a><a href="#">金陵东路</a><a href="#">云南南路</a><a href="#">广东路</a><a href="#">福州路</a><a href="#">more</a><br class="clear" />
                        </div>
                    </div>
                    <div class="sorts_item">
                    	<h3 class="title">黄浦区</h3>
                        <div class="roads_box">
                        	<a href="#">西藏中路</a><a href="#">南京西路</a><a href="#">汉口路</a><a href="#">九江路</a><a href="#">中山东一路</a><a href="#">金陵东路</a><a href="#">云南南路</a><a href="#">广东路</a><a href="#">福州路</a><a href="#">more</a><br class="clear" />
                        </div>
                    </div>
                    <div class="sorts_item">
                    	<h3 class="title">黄浦区</h3>
                        <div class="roads_box">
                        	<a href="#">西藏中路</a><a href="#">南京西路</a><a href="#">汉口路</a><a href="#">九江路</a><a href="#">中山东一路</a><a href="#">金陵东路</a><a href="#">云南南路</a><a href="#">广东路</a><a href="#">福州路</a><a href="#">more</a><br class="clear" />
                        </div>
                    </div>
                    <div class="sorts_item">
                    	<h3 class="title">黄浦区</h3>
                        <div class="roads_box">
                        	<a href="#">西藏中路</a><a href="#">南京西路</a><a href="#">汉口路</a><a href="#">九江路</a><a href="#">中山东一路</a><a href="#">金陵东路</a><a href="#">云南南路</a><a href="#">广东路</a><a href="#">福州路</a><a href="#">more</a><br class="clear" />
                        </div>
                    </div>
                </div>
                <!-- sorts_check--end-->
                
                
                
            </div>
            
        </div>
    </div>
    
    <!-- body--end-->
    <div class="clear"></div>
    <!-- foot-->
    <div class="footer_wrap">
    	<div class="w903 mg foot">
        	<div class="foot_menu">
            	<a href="#">关于我们</a>
                <a href="#">广告服务</a>
                <a href="#">使用帮助</a>
                <a href="#">加入我们</a>
                <a href="#">免责声明</a>
                <a href="#">给我们意见</a>
            </div>
            <div class="copyright">
            	Copyright © 2012 街边小店 版权所有  ©沪ICP备10026245号
            </div>
            <div class="share_box">
            	<a href="#" class="icon_s1"></a>
                <a href="#" class="icon_s2"></a>
            </div>
        </div>
    </div>
    <!-- foot--end-->	
</body>
</html>
